iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0
Vue.js

深入 Vue.js 世界 : 30 Days 核心概念與實作系列 第 30

DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

  • 分享至 

  • xImage
  •  

DAY 30 - <鐵人完賽感言> 回顧 30 Days 學習歷程


DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD
光是 Nuxt 就有好多可以寫的,在鐵人賽期間也看到很多 Vue、Nuxt 好文,鐵人賽是搜集、整合精華產出,在過程也學習到了很多,最後讓我們來回顧下這 30 天 的進步,並分享心得完結這次鐵人賽 !!

回顧 30 Days - 我學到了哪些 ?

觀念加強

  • 了解前端演變、了解框架差異
  • 了解 Vue 的優勢
  • vue 生命週期
  • Vue2、Vue3 版本寫法差異
  • 虛擬 DOM

實作

  • vue3 Compisiton API 寫法
  • vue 指令複習 (加入vue3寫法)
  • 加入一些面試考題(像是 v-show、v-if差異)

元件溝通觀念及實作

  • 複習 props 、emit、加強觀念
  • 加強了解狀態、跨元件概念
  • 使用狀態管理工具(加入vue3寫法)

Nuxt3

  • 從零開始學 Nuxt3,認識 Nuxt 特色
  • 建立 Nuxt 專案、了解專案架構及安裝模組、插件
  • Nuxt 渲染觀念及渲染方式
  • Nuxt 路由
  • Nuxt Server 與串接方法

從不會寫 Compisiton API 、Nuxt3 開始試著練習、吸收到輸出文章,開始了解真的實作成就感爆棚,也很推薦大家嘗試看看不熟悉的邊做邊學,為了寫文章會額外吸收很多相關知識,反而會有意想不到的收穫,順便當複習 !!

將學習輸出到內化,變成自己的工具,一點一滴的進步


鐵人賽心路歷程

2022.09.16 參加 2022 鐵人賽 - 從零開始學 - Side Project專題開發及切版實作技巧

// 那時候的鐵人賽介紹
嗨大家好 ! 我是前端小萌新 ,自學半年左右,很喜歡前端領域的東西 。
趁這次鐵人賽機會,分享專題開發從零到有,並搭配實作切版技巧,分享實作經驗。
//充滿著一股菜味XD ,而且當時還沒轉職正在努力奮鬥學習前端
//第一次做出專題,第一次寫鐵人賽,既期待又害怕的心情

最後順利完賽,當時還特別去做這張圖,完賽當時覺得非常感動 ! 又前進一大步的感覺 !!

2023.09.16 參加 2023 鐵人賽 - 深入 Vue.js 世界 : 30 Days 核心概念與實作

//今年的我成為了前端工程師,也愛上了前端敲 Code 的日子
//在這期間我也加強了 Vue 框架的運用,學習了 Composition、Nuxt,也學會了很多 Vue 核心觀念
//感受到自己這一年多的成長與進步,不敢說是很厲害的,但是可以看到自己一點一滴進步

2023 鐵人賽我挑戰自己,選擇了一個自己沒有很熟悉的,試著透過鐵人賽期間學習 Vue 更進階概念及 Vue3 的寫法還挑戰了摸索了 Nuxt (逼死自己),嘗試邊學邊輸出變成文章當作逼自己學習,一開始很擔心自己能不能完賽,所以在開賽前就努力寫寫寫存了 13 篇文章,讓自己開賽時可維持節奏學習也不會因為發文壓力太大,最後順利完賽也學到很多(感動)

你不一定要很厲害才能開始, 你一定要開始,才能很厲害

讓我們為自己鼓掌,然後一定要有的完賽 Finsh !! 達成完賽啦 !!

今年鐵人賽就到這了,謝謝訂閱觀看的朋友,也期許自己明年能持續參加持續進步,

最後附上鐵人賽的小劇場/images/emoticon/emoticon08.gif

鐵人賽的小劇場

- 報名前
很期待
好期待!要寫甚麼呢!
- 開賽前
拼命寫
要開賽了!趕快存稿!
- 開賽前期
放鬆寫
還有很多存稿,輕鬆慢慢寫
- 開賽中期
想放棄
存稿變少啦!要趕快寫了,怎麼還有哪麼多天!好想放棄
- 開賽後期
超崩潰
乾沒存稿了(危)!!趕快死命的生稿,怎麼還沒結束
- 完結
灑花
好感動 !寫完鐵人啦!明年要寫甚麼

期待明年的鐵人賽(咦還要寫嗎!?)


上一篇
DAY 29 - transition 漸變 與動畫特效
系列文
深入 Vue.js 世界 : 30 Days 核心概念與實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
hannnahTW
iT邦新手 1 級 ‧ 2023-10-15 09:48:43

恭喜完賽 🎉

阿蘇蘇 iT邦新手 4 級 ‧ 2023-10-15 12:19:21 檢舉

也恭喜 hannnahTW XD 大家都好猛

0
112182ssss
iT邦新手 4 級 ‧ 2023-12-22 11:44:21

感謝阿蘇蘇這系列的文章,特別是看完尤雨溪的紀錄片後對於學習vue的動力大大提升,說明很清楚易懂,期待之後的文章/images/emoticon/emoticon24.gif

阿蘇蘇 iT邦新手 4 級 ‧ 2023-12-22 14:05:08 檢舉

謝謝你喜歡,分享有幫助到就太棒了,一起學習一起努力 !

0
blueberry633
iT邦新手 3 級 ‧ 2023-12-31 17:24:46

感謝教學~

我要留言

立即登入留言